<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta name="format-detection" content="telephoner=no"/>
        <meta name="msapplication-tap-highlight" content="no"/>
        <script type="text/javascript" src="/js/config.js"> </script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/load.js"> </script>
   
        <title>手机用户列表</title>
        <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/fastclick.js"></script>
        <link rel="stylesheet" type="text/css" href="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/css/alert.css">
        <style type="text/css">
            .buttonLeft2 {
                position: absolute;
                width: 100%;
                line-height: 3.3vh;
                height: 3.3vh;
                font-size: 2.5vh;
                width: 10vh;
                right: 15vh;
                bottom: 2.5vh;
                text-align: center;
                background: url("http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/button1.png");
                background-size: 100%;
            }

            .buttonRight2 {
                position: absolute;
                width: 100%;
                line-height: 3.3vh;
                height: 3.3vh;
                font-size: 2.5vh;
                width: 10vh;
                right: 3vh;
                bottom: 2.5vh;
                text-align: center;
                background: url("http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/button2.png");
                background-size: 100%;
            }

            .transferMask {
                position: fixed;
                z-index: 98;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,0.5);
            }

            .transferFrame {
                position: fixed;
                z-index: 99;
                width: 80vw;
                max-width: 80vw;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-60%);
                background-color: #fff;
                text-align: center;
                border-radius: 8px;
                overflow: hidden;
                opacity: 1;
                color: white;
            }

            .transferFrame .title {
                padding: 1vw;
                font-size: 4vw;
                line-height: 5vw;
                word-wrap: break-word;
                word-break: break-all;
                color: #000;
                background-color: white;
            }

            .transferFrame .transferConfirm {
                position: relative;
                left: 4vw;
                width: 72vw;
                line-height: 10vw;
                font-size: 4vw;
                display: flex;
                border-radius: 5vw;
            }

            .transferFrame .transferConfirm .confirm {
                display: block;
                -webkit-box-flex: 1;
                flex: 1;
                text-decoration: none;
                -webkit-tap-highlight-color: transparent;
                position: relative;
                margin-bottom: 0;
                color: rgb(255,255,255);
                border-top: solid;
                border-color: #e6e6e6;
                border-width: 0px;
                background-color: rgb(64,112,251);
                border-radius: 5vw;
            }

            .toRow {
                position: relative;
                width: 100%;
                height: 15vw;
                line-height: 15vw;
                background-color: #fff;
                text-align: center;
                margin-top: 0.3vh;
                color: orange;
                overflow: hidden;
            }

            .toRow .avatar {
                position: absolute;
                top: 1vw;
                left: 4vw;
            }

            .toRow .avatar img {
                position: absolute;
                top: 0;
                left: 0;
                margin-left: 0;
                width: 8vh;
                height: 8vh;
                border-radius: 1vh;
            }

            .toRow .name {
                position: absolute;
                left: 20vw;
                width: 50vw;
                height: 15vw;
                line-height: 15vw;
                font-size: 2.2vh;
                text-align: left;
            }

            .toRow .select {
                position: absolute;
                top: 2.5vw;
                left: 68vw;
                width: 10vw;
                height: 10vw;
                color: #33ddff;
                border: solid .2vw;
                border-radius: 50%;
            }

            .toRow .select img {
                width: 10vw;
                height: 10vw;
            }

            .shortAlert {
                position: fixed;
                top: 45%;
                width: 150px;
                left: 50%;
                margin-left: -65px;
                color: #fff;
                height: 5vh;
                line-height: 5vh;
                font-size: 2.8vh;
                text-align: center;
                z-index: 130;
            }

            .shortAlert .back {
                position: absolute;
                top: 0;
                left: 0;
                background: #000;
                opacity: .6;
                width: 100%;
                height: 100%;
                border-radius: 5vh;
            }

            .shortAlert .text {
                position: relative;
            }
        </style>
        <script type="text/javascript">
            window.addEventListener('load', function() {
                FastClick.attach(document.body);
            }, false);

            var vueheader={
                headers: {
                    "Authorization": 'Bearer '+DynLoading.getWwid()
                },
            }

            var newNum = "";
            var per = window.innerWidth / 530;
            var globalData = {
                "baseUrl": 'http://'+window.location.host+'/',
                "fileUrl": "http://zxch.203y.com:1888/ttxindasheng/common_yh/",
            };
            var userData = {
                "accountId": "203107",
                "nickname": "橙橙",
                "avatar": "http://thirdwx.qlogo.cn/mmopen/vi_32/C8dW9GFDHAxwrA3x8q4zuibqB5h3lIyPC9t5ETE2bQ7ic4WPyjzlPmxcnEicHPHDdvnE04mtmNwsYQmgStJdUhcyQ/132",
            };
            var configData = {
                "appId": "wxf7ab7edd0a7654a1",
                "timestamp": "1557827566",
                "nonceStr": "56a96d325de67ea4dc265b1c8d332301",
                "signature": "0ecb5edeef85bcd76e78bbeb538114e85fae785b",
            };
        </script>
        <style type="text/css">
            .gameItem {
                position: absolute;
                background-color: #291c4d;
            }
        </style>
    </head>
    <body style="background-color: #1b1d22;margin:0">
        <div id="loading" style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000">
            <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/loading.gif" style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;"/>
        </div>
        <div class="main" id="app-main" style="position: absolute; width: 100%;margin: 0 auto; background: #0e0226; display: none;">
            <!-- 提示框 -->
            <div class="alert" id="valert" v-show="isShowAlert" style="display: none;">
                <div class="alertBack"></div>
                <div class="mainPart">
                    <div class="backImg">
                        <div class="blackImg"></div>
                    </div>
                    <div class="alertText">{{alertText}}</div>
                    <div v-show="alertType==3">
                        <div class="buttonLeft" v-on:click="closeAlert">确定</div>
                        <div class="buttonRight" v-on:click="closeAlert">取消</div>
                    </div>
                    <div v-show="alertType==7">
                        <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
                    </div>
                    <div v-show="alertType==8"></div>
                </div>
            </div>
            <!-- 短提示  -->
            <div class="shortAlert" v-show="alert.isShow">
                <div class="back"></div>
                <div class="text">{{alert.text}}</div>
            </div>
            <div style="position: absolute;left: 0;width: 100%;height: 12vw;    background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/top.jpg) 0px 0px / 100% 100% no-repeat;font-size: 2.5vh;line-height: 12vw;text-align: left;color: orange;">
                <div style="position: absolute;left: 4vw">昵称
            </div>
                <div style="position: absolute;left: 70vw">门票
            </div>
            </div>
            <div id="memberDiv" v-bind:style="'position: absolute;top: 12vw;left: 0;width: 100%;height: ' + (height - 0.14 * width) + 'px;overflow-x: hidden;'">
                <div style="position: relative;">
                    <div v-for="item in members" style="position: relative;width: 100%;height: 15vw;line-height: 15vw;background: url(http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/common/top-bg.jpg) repeat-x; background-size: auto 100%;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;">
                        <div style="position: absolute;top: 1vw;left: 4vw;">
                            <img v-bind:src="item.avatar" style="position: absolute;top: 0;left: 0;margin-left: 0;width: 8vh;height: 8vh;border-radius: 1vh;">
                        </div>
                        <div style="position: absolute;left: 22vw;width: 50vw;height: 15vw;line-height: 15vw;font-size: 2.2vh;text-align: left;">{{item.name}}
                    </div>
                        <div style="position: absolute;left: 70vw;width: 15vw;height: 15vw;line-height: 15vw;font-size: 2.2vh;text-align: left;color: orange">{{item.ticket}}
                    </div>
                        <div style="position: absolute;top: 2.5vw;left: 85vw;width: 10vw;height: 10vw;line-height: 4.5vw;font-size: 1.5vh;text-align:center;color: #33ddff;border: solid .5vw;border-radius: 50%;" v-show="item.is_cantransfer" v-on:click="clickShowTranfer(item)">
                            <span style="position: relative;top: 1vw">
                                转移<br>门票
                            </span>
                        </div>
                    </div>
                    <div id="moretext" style="position: relative;background-color: white;color: black;height: 10vw;text-align: center;line-height: 10vw;font-size: 2.2vh;display: none;">上拉加载更多
                </div>
                </div>
            </div>
            <!-- 转移至 -->
            <div style="display: none;" v-show="showTranfer">
                <div class="transferMask" style="" v-on:click="hideTranfer"></div>
                <div class="transferFrame" style="">
                    <div style="height: 2.2vw;"></div>
                    <div class="title">将{{selectedItem.name}}的门票转移至：</div>
                    <div style="height: 2.2vw;border-bottom: solid #ccc 0.2vh;"></div>
                    <div style="height: 80vw;overflow-x: hidden;">
                        <!-- <div style="position: relative;"> -->
                        <div v-for="toitem in tMembers" class="toRow">
                            <div class="avatar">
                                <img v-bind:src="toitem.avatar">
                            </div>
                            <div class="name">{{toitem.name}}</div>
                            <div class="select" v-on:click="clickTMember(toitem)">
                                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/activity/icon_checked.png" v-show="toitem.checked">
                                <img src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/images/activity/icon_unchecked.png" v-show="!toitem.checked">
                            </div>
                        </div>
                        <!-- </div> -->
                    </div>
                    <div style="height: 2.2vw;border-top: solid #ccc 0.2vh;"></div>
                    <div class="transferConfirm" v-on:click="confirmTranfer()">
                        <div class="confirm">确定转移</div>
                    </div>
                    <div style="height:4vw;"></div>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/bscroll.min.js"></script>
    <script src="http://zxch.203y.com:1888/ttxindasheng/etc/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/vue.min.js"></script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/common_yh/files/js/vue-resource.min.js"></script>
    <script type="text/javascript" src="http://zxch.203y.com:1888/ttxindasheng/etc/js/phoneUsers.js"></script>
</html>
